<ion-header>
  <ion-toolbar>
    <ion-title>{{"hstTitle" | translate}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-list>
    <ion-list-header>
      <div class="title-box">
        <img src="../../assets/imgs/logo.png">
      </div>
      <div style="text-align: center;color: white;">{{person.personName}}</div>
    </ion-list-header>

    <button ion-item (click)="nav2tel()">
      <ion-icon name="people" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"phoneBook" | translate}}</ion-label>
      <ion-note item-end></ion-note>
    </button>

    <button ion-item (click)="nav2lang()">
      <ion-icon name="globe" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"changeLanguage" | translate}}</ion-label>
      <ion-note item-end></ion-note>
    </button>

    <button ion-item (click)="nav2wifi()">
      <ion-icon name="wifi" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"configWifi" | translate}}</ion-label>
      <ion-note item-end></ion-note>
    </button>

    <button ion-item (click)="nav2alarm(person)">
      <ion-icon name="notifications" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"alarmTitle" | translate}}</ion-label>
    </button>

    <button ion-item (click)="nav2helpsuggest()">
      <ion-icon name="call" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"helpTitle" | translate}}</ion-label>
    </button>

    <button ion-item (click)="nav2us()">
      <ion-icon name="contacts" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"usTitle" | translate}}</ion-label>
      <ion-note item-end></ion-note>
    </button>

    <button ion-item (click)="logout()">
      <ion-icon name="exit" item-start color="hushitong"></ion-icon>
      <ion-label color="hushitong">{{"logout" | translate}}</ion-label>
    </button>

  </ion-list>
</ion-content>
